<template>
  <div class="main" style="background: #f8f8f8">
    <div class="head">
      <i class="iconfont icon-msnui-left-arrow-round" @click="goGuahao06"></i>
      <h1 class="h1">预约信息</h1>
    </div>
    <div class="doctor">
      <img class="img" src="/static/img/index/22.jpg">
      <span class="name">杨岚</span>
      <span class="work">医生</span>
    </div>
    <ul class="hospital">
      <li class="li"><span class="title">就诊医生:</span><p class="p">西安交大第一附属医院</p></li>
      <li class="li"><span class="title">科室医生:</span><p class="p">呼吸内科门诊 - 杨岚</p></li>
      <li class="li"><span class="title">门诊时间:</span><p class="p" style="color:#3278ee;">2018-02-08 周四上午</p></li>
      <li class="li"><span class="title">门诊类型:</span><p class="p">普通</p></li>
      <li class="li"><span class="title">费用:</span><p class="p">15.0元 （挂号费）</p></li>
    </ul>
    <div class="guahao">
      <div class="msg"><p class="p1" style="color: #3278ee">挂号费由医院自行设定，平台不收取任何额外费用。</p>
        <p class="p2" style="color:#a6a8b6;">我已了解并同意以下规则（点击查看详情）</p>
      </div>
      <i class="iconfont icon-jiantouxia" style="color: #a6a8b6"></i>
    </div>
    <div class="usercard">本院仅支持身份证</div>
    <div class="item active" >
      <span class="span">就诊人：</span><input class="b" type="text" readonly="readonly" value="苟卓"><i class="iconfont icon-gengduo"></i>
    </div>
    <div class="item">
      <span class="span">预约时间段：</span><input class="b" type="text" readonly="readonly" value="8:11-8:22"><i class="iconfont icon-gengduo"></i>
    </div>
    <div class="item">
      <span class="span">初/复诊：</span><input class="b" type="text" readonly="readonly" value="初诊"><i class="iconfont icon-gengduo"></i>
    </div>
    <div class="item">
      <span class="span">就诊卡密码：</span><input style="color: #a6a8b6" class="b" type="text" value="请输入就诊卡密码"><i class="iconfont icon-gengduo"></i>
    </div>
    <div class="item">
      <span class="span">所患疾病：</span><input style="color: #a6a8b6" class="b" type="text" value="请选择疾病"><i class="iconfont icon-gengduo"></i>
    </div>
    <div class="button" @click="goindex">提交</div>
  </div>
</template>

<script>
    export default {
        name: '',
        data() {
            return {}
        },
        methods:{
          goGuahao06:function(){
            this.$router.push("/guahao06")
          },
          goindex:function(){
            this.$router.push("/")
          }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/guahao07.css";
</style>
